import { cn } from "@ui/lib";
import logoImage from "../../../../web/public/images/logo.png";
import Image from "next/image";

export function Logo({
  withLabel = true,
  className,
}: {
  className?: string;
  withLabel?: boolean;
}) {
  return (
    <span
      className={cn(
        "text-primary flex items-center font-semibold leading-none",
        className,
      )}
    >
      <span className="h-10 w-10" >
        <Image
          src={logoImage} // Fix the variable name for the src attribute
          className="block dark:hidden"
          alt="Feature 1"
        />
      </span>
      {withLabel && <span className="ml-3 text-lg">webpagemonitor.tech </span>}
    </span>
  );
}
